@charset "utf-8";
/* CSS Document */
.taiji{
	background: linear-gradient(to bottom,#000000 0%,#000000 50%,#fcfcfc 51%,#fcfcfc 100%);
	border: solid black 1px;
	width: 300px;
	height: 300px;
	margin: 10em auto;
	border-style: solid;
	border-color: #00000;
	border-radius: 50%;
	position: relative;
	animation: autoplay 2s linear infinite
	}
.taiji::before{
	content: "";
	width: 50px;
	height: 50px;
	border: solid black 50px;
	border-radius: 50%;
	position: absolute;
	top: 70px;
	background: white 1px;
}
.taiji::after{content: "";
	width: 50px;
	height: 50px;
	border: solid white 50px;
	border-radius: 50%;
	position: absolute;
	top: 70px;
	left: 150px;
	background: black 1px;
}
@keyframes autoplay {
		from {transform: rotate(0deg)}
		to {transform: rotate(360deg)}
	}
